import React from 'react'

export default function SiderBar(props) {
    let {bg,position}=props
    const obj1={left:0}
    const obj2={right:0}
    const obj={
        background:bg,
        width:'200px',
        position:'fixed'
    }
    let styleobj=position==='left' ?{...obj1,...obj2}:{...obj,...obj2}
  return (
    <div style={styleobj}>
        <ul>
            <li>12222</li>
            <li>13333</li>
            <li>14444</li>
            <li>15555</li>
        </ul>
    </div>
  )
}

